<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>事件</title>
		<script type="text/javascript" src="../js/framework/vue.js" ></script>
		<script>
			window.onload = function () {
				//配置是否允许vue-devtools检查代码，方便调试，生产环境中需要设置为false
				Vue.config.devtools = false;
				//阻止Vue启动的时候产生提示
				Vue.config.productionTip = false; 
				
				new Vue({
				  el: '#app',  //指定关联的元素
				  data: {  //存储数据
				    msg: 'Hello Vue.js!'
				  },
				  methods: {
				  	print() {
				  		console.log("f1");
				  	}
				  }
				});
			}
		</script>
	</head>
	<body>
		<div id="app">
			用户名：<input type="text" @keydown.f1="print"/>
			
			<!--事件修饰符-->
			<button @click.once="print">只触发一次</button>
		</div>
	</body>
</html>
